<template>
	<view class="main-wrap">
		<!-- 搜索条件 -->
		<view class="search-box">
			<view class="dialog-modal">
				<view class="dialog-wrapper" v-show="isShow" @click="onClose"></view>
				<transition name="drop">
					<view class="dialog-container" v-show="isShow">
						<slot>
							<view class="content-bigbox">
								<view class="flex search-inp">
									<input class="inp" type="text" v-model="name" placeholder="请输入姓名">
									<!-- <input class="inp" type="text"> -->
									<!-- <view class="search">搜索</view> -->
								</view>
								<view class="flex search-inp">
									<input class="inp" type="text" v-model="phone" placeholder="请输入手机号">
									<!-- <input class="inp" type="text"> -->
									<!-- <view class="search">搜索</view> -->
								</view>
								<view class="flex content1">
									<view class="text-box te1 flex">
										<picker mode="date" :value="date" start="2015-09-01" end="2020-09-01" @change="DateChange">
											<view class="picker">
												{{date}}
											</view>
										</picker>
										<text class="lg text-gray cuIcon-triangledownfill"></text>
									</view>
									<view class="text-box te2 flex">
										<picker mode="date" :value="date1" start="2015-09-01" end="2020-09-01" @change="DateChange1">
											<view class="picker">
												{{date1}}
											</view>
										</picker>
										<text class="lg text-gray cuIcon-triangledownfill"></text>
									</view>
								</view>
								<view class="flex content1">
									<view class="text-box te4 flex">
										<picker @change="channelChange" :value="index" :range="channel" range-key="name">
											<view class="picker">
												{{index>-1?channel[index].name:'渠道来源'}}
											</view>
										</picker>
										<text class="lg text-gray cuIcon-triangledownfill"></text>
									</view>
									<view class="text-box te4 flex">
										<picker @change="levelChange" :value="index1" :range="level" range-key="name">
											<view class="picker">
												{{index1>-1?level[index1].name:'人才级别'}}
											</view>
										</picker>
										<text class="lg text-gray cuIcon-triangledownfill"></text>
									</view>
									<view class="text-box te4 flex">
										<picker @change="postChange" :value="index2" :range="post" range-key="position_type_name">
											<view class="picker">
												{{index2>-1?post[index2].position_type_name:'意向岗位'}}
											</view>
										</picker>
										<text class="lg text-gray cuIcon-triangledownfill"></text>
									</view>
								</view>
								<view class="flex content1">
									<view class="text-box te4 flex">
										<picker @change="ageChange" :value="index3" :range="age" range-key="name">
											<view class="picker">
												{{index3>-1?age[index3].name:'年龄范围'}}
											</view>
										</picker>
										<text class="lg text-gray cuIcon-triangledownfill"></text>
									</view>
									<view class="text-box te5 flex">
										<picker @change="fullChange" :value="index4" :range="full" range-key="name">
											<view class="picker">
												{{index4>-1?full[index4].name:'全职兼职'}}
											</view>
										</picker>
										<text class="lg text-gray cuIcon-triangledownfill"></text>
									</view>
								</view>
								<view class="btm-btn" @click="onClose">
									确定
								</view>
							</view>
						</slot>
					</view>
				</transition>
			</view>
		</view>
		<!-- 搜索条件 -->

		<view class="btn-edit" style="background: #F08519; position: fixed; top: 60px; right: 20px; z-index: 99; color: #FFFFFF; padding: 2px 10px;"
		 @tap="onShowAddActions" v-show="DEV">添加人才</view>

		<scroll-view scroll-x class="bg-white nav pos-f tab-header-wrap" scroll-with-animation :scroll-left="scrollLeft">
			<view class="flex text-center">
				<view class="flex-sub cu-item" :class="index==tabIndex?'text-blue cur':''" v-for="(item,index) in navArray" :key="index"
				 @tap="tabSelect" :data-id="index">
					<view class="tabtext">{{item.title}}</view>
				</view>
			</view>
		</scroll-view>

		<view class="content list talent-list-wrap">
			<template v-if="dataSource[tabIndex].data.length > 0">
				<!-- 图文列表 -->
				<block v-for="(item,index1) in dataSource[tabIndex].data" :key="index1">
					<TalentItem :item="item" :index="index" :tabnum="tabnum" :getFilterList="getFilterList" :onRefresh="_onRefresh" />
				</block>
				<!-- 上拉加载 -->
				<load-more :loadtext="dataSource[tabIndex].loadtext" />
			</template>
			<template v-else-if="dataSource[tabIndex].firstload">
				<loading />
			</template>
			<template v-else>
				<!-- 无内容默认 -->
				<no-thing />
			</template>
		</view>

		<!-- 版本更新模态框 -->
		<view class="cu-modal" :class="showUpdateAlert ? 'show' : ''">
			<view class="cu-dialog set-width">
				<view class="cu-bar justify-end changebgc flex rcb">
					<view class="text-white top-title">更新提醒</view>
					<view class="action" @tap="hideModal">
						<text class="cuIcon-close text-white"></text>
					</view>
				</view>
				<view class="set-height bg-fff">
					<view class="flex-mine">
						<text class="detail-h2">{{update_content}}</text>
					</view>
				</view>
				<view class="cu-bar bg-white set-bottom">
					<view class="flex">
						<view class="set-btn1" @tap="hideModal">取消</view>
						<view class="cu-btn set-btn2" @tap="confirmUpdate">确定</view>
					</view>
				</view>
			</view>
		</view>


		<view class="cu-modal bottom-modal" :class="showAddActions ?'show':''" @touchmove.stop.prevent="" @tap="onShowAddActions">
			<view class="cu-dialog">
				<view class="cu-bar bg-white flex rce">
					<view class="action text-blue" @tap.stop="onShowAddActions">取消</view>
				</view>
				<view class="padding-xl action-content">
					<view class="action-title">—— 请选择添加人才的方式 ——</view>
					<view class="action-content-detail grid col-3">
						<block v-for="(item, index) in addTalentNavArray" :key="index">
							<view @tap="onPressNavItem(item)" class="flex flex-1 action-con-item ccc">
								<image class="action-item-icon" :src="item.icon" mode="widthFix" />
								<text class="action-item-title">{{item.title}}</text>
							</view>
						</block>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import aliOss from '../../components/ali-oos/ali-oos/index.js'
	import TalentItem from '../../components/item/talent-item.vue';
	import loading from "../../components/common/loading.vue";
	import loadMore from "../../components/common/load-more.vue";
	import noThing from "../../components/common/no-thing.vue";
	export default {
		components: {
			TalentItem,
			loadMore,
			loading,
			noThing,
		},
		// 监听原生标题导航按钮点击事件
		onNavigationBarButtonTap(e) {
			// console.log(e.index)
			switch (e.index) {
				case 0:
					this.onShowAddActions();
					break;
				case 1:
					this.isShow = true;
					break;
			}
		},
		data() {
			return {
				assets_url: '',
				update_content: '',
				downloadProgress: {},
				showUpdateAlert: false,
				DEV: this.__DEV__,
				tabnum: 0,
				tabIndex: 0,
				scrollLeft: 0,
				// loadmoreoffset:50,  //触发 loadmore 事件所需要的垂直偏移距离
				name: '',
				phone: '',
				channel_id: '', //简历来源id  尽量和api/personnel/selectWhereList对应
				level_id: '', //人才等级 尽量和api/personnel/selectWhereList对应
				work_status: '', //入职状态1在职-1未在职
				position_type_id: '', //任务生产线类型  尽量和api/personnel/selectWhereList对应
				age_attr: '', //年龄 最小-最大
				job_wanted: '', //1全职2非全职
				// company_id:企业id
				// station_id:驻企列表id
				scrollTop: 0,
				date: '选择起始录入时间', //开始录入时间
				date1: '选择结束录入时间', //结束录入时间
				isShow: false, //控制模态框
				//渠道来源
				channel: [],
				index: -1,
				// 人才级别
				level: [],
				index1: -1,
				// 意向岗位
				post: [],
				index2: -1,
				// 年龄范围
				age: [],
				index3: -1,
				// 全职兼职
				full: [],
				index4: -1,
				showAddActions: false,

				addTalentNavArray: [{
					title: '扫描身份证正面',
					icon: '/static/icon/icon_btn_scan.png',
					// component: '/pages/publish/talent_add_scan',
					// type: 'navigate'
					component: 'scan_id_card',
					type: 'foo'
				}, {
					title: '上传身份证',
					icon: '/static/icon/icon_btn_camera.png',
					component: '/pages/publish/talent_add_upload',
					type: 'navigate'
				}, {
					title: '手动录入',
					icon: '/static/icon/icon_btn_edit.png',
					component: '/pages/publish/talent_add_manual',
					type: 'navigate'
				}, ],
				navArray: [{
						id: 1,
						title: '人才库',
						api: this.ServicesApi.personnelList
					},
					{
						id: 2,
						title: '候选',
						api: this.ServicesApi.filterList
					},
					{
						id: 3,
						title: '面试中',
						api: this.ServicesApi.auditionList
					},
					{
						id: 4,
						title: '体检中',
						api: this.ServicesApi.peList
					},
					{
						id: 5,
						title: '待入职',
						api: this.ServicesApi.prepareList
					},
					{
						id: 6,
						title: '在职',
						api: this.ServicesApi.inServiceList
					},
					{
						id: 7,
						title: '离职',
						api: this.ServicesApi.leaveCompanylist
					},
					{
						id: 8,
						title: '未合作',
						api: this.ServicesApi.noCooperationList
					},
					{
						id: 9,
						title: '不可用',
						api: this.ServicesApi.delList
					},
				],
				page: 1,
				limit: 10,
				position_id: '',
				// 导航栏数据

				modalName: 'show', // 'bottomModal',
				dataSource: [{
						page: 1,
						data: [],
						title: "人才库",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "候选",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "面试中",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "体检中",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "待入职",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "在职",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "离职",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "未合作",
						firstload: true,
						loadtext: "上拉加载更多",
					},
					{
						page: 1,
						data: [],
						title: "不可用",
						firstload: true,
						loadtext: "上拉加载更多",
					},
				] // 后台请求传给列表得数据
			}
		},
		onLoad(option) {
			// console.log('option---->', option)
			if (option.id) {
				this.position_id = option.id;
			}
		},
		onPullDownRefresh() {
			this._onRefresh();
			// console.log('refresh');
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			suibian() {
				this.isShow = true;
			},
			// 开始录入时间
			DateChange(e) {
				uni.hideKeyboard();
				this.date = e.detail.value;
			},
			// 结束录入时间
			DateChange1(e) {
				uni.hideKeyboard();
				this.date1 = e.detail.value
			},
			
			//渠道来源
			channelChange(e) {
				uni.hideKeyboard();
				this.index = e.detail.value
				this.channel_id = this.channel[this.index].id;
			},

			// 人才级别
			levelChange(e) {
				uni.hideKeyboard();
				this.index1 = e.detail.value
				this.level_id = this.level[this.index1].id
			},
			// 意向岗位
			postChange(e) {
				uni.hideKeyboard();
				this.index2 = e.detail.value
				this.position_type_id = this.post[this.index2].position_type_id
			},
			// 年龄范围
			ageChange(e) {
				uni.hideKeyboard();
				this.index3 = e.detail.value
				this.age_attr = this.age[this.index3].id
			},
			// 全职兼职
			fullChange(e) {
				uni.hideKeyboard();
				this.index4 = e.detail.value
				this.job_wanted = this.full[this.index4].id
			},


			offClose() {
				this.isShow = !this.isShow;
			},
			onClose() {
				this.isShow = false;
				this.requestDataSources();
			},
			
			getFilterList() {},
			
			onPressNavItem(item) {
				this.showAddActions = false;
				if (item.type === 'navigate' && item.component !== '') {
					uni.navigateTo({
						url: item.component,
					});
				} else if (item.type === 'foo') {
					switch (item.component) {
						case 'onClearStorage':
							this.onClearStorage();
							break;
						case 'onLogout':
							this.onLogout();
							break;
						case 'switchTab':
							uni.switchTab({
								url: "/pages/talent_pool/index",
							})
							break;
						case 'scan_id_card':
							this.onScanIdCardImage();
							// this.onScanIdCardImageTest();
							break;
						case 'addTalent':
							this.onShowAddActions();
							break;
						default:
							break;
					}
				}
			},
			async onScanIdCardImageTest() {
				let res = {
					"msg": "获取成功",
					"data": {
						"住址": {
							"location": {
								"width": 169,
								"top": 353,
								"left": 103,
								"height": 39
							},
							"words": "山东省诸城市龙都街道邱家七吉村540号"
						},
						"出生": {
							"location": {
								"width": 119,
								"top": 321,
								"left": 104,
								"height": 15
							},
							"words": "19931215"
						},
						"姓名": {
							"location": {
								"width": 44,
								"top": 253,
								"left": 106,
								"height": 17
							},
							"words": "丌炜"
						},
						"公民身份号码": {
							"location": {
								"width": 222,
								"top": 435,
								"left": 167,
								"height": 19
							},
							"words": "370782199312150815"
						},
						"性别": {
							"location": {
								"width": 13,
								"top": 289,
								"left": 105,
								"height": 15
							},
							"words": "男"
						},
						"民族": {
							"location": {
								"width": 13,
								"top": 291,
								"left": 187,
								"height": 14
							},
							"words": "汉"
						}
					},
					"code": 1
				};
				let up_res = {
					data: [{
						name_server: "1571051343014.png",
						path: "http://tmp/touristappid.o6zAJs9KGG9ER0ZQI1d0WOrgziiM.69stymShp2e036050103abd4f0ebdfe2ffb85212157f.png",
						path_server: "http://talent-pool.oss-cn-qingdao.aliyuncs.com/talent-pool/1571051343014.png",
						size: 2618997,
						upload_percent: 0
					}]
				};
				uni.showToast({
					icon: 'none',
					title: '识别成功',
				});
				let userInfoData = encodeURIComponent(JSON.stringify(res.data));
				let cardFrontInfo = encodeURIComponent(JSON.stringify(up_res.data[0]));
				uni.navigateTo({
					url: '/pages/publish/talent_add_manual?userInfoData=' + userInfoData + '&cardFrontInfo=' + cardFrontInfo,
				});
			},
			async onScanIdCardImage() {
				let options = {
					count: 1,
					sourceType: 'camera'
				}
				let _res = await aliOss.chooseImage(options);
				if (_res.code == this.StatusCode.SUCCESS_CODE) {
					let up_res = await aliOss.uploadImage(_res.data);
					if (up_res.code === 1) {
						let url = this.ServicesApi.getIdCardDetail;
						let data = {
							license: up_res.data[0].path_server
						};
						uni.showLoading({
							title: '识别中...'
						});
						let result = await this.Services.post(url, data);
						uni.hideLoading();
						if (result.code == this.StatusCode.SUCCESS_CODE) {
							uni.showToast({
								icon: 'none',
								title: '识别成功',
							});
							let userInfoData = encodeURIComponent(JSON.stringify(result.data));
							let cardFrontInfo = encodeURIComponent(JSON.stringify(up_res.data[0]));
							uni.navigateTo({
								url: '/pages/publish/talent_add_manual?userInfoData=' + userInfoData + '&cardFrontInfo=' +
									cardFrontInfo,
							});
						} else {
							uni.showToast({
								icon: 'none',
								title: '身份证识别失败，请重试',
							});
						}
					}
				}
			},

			// 请求选择数据
			async reqSelectData() {
				this.getToken();
				// 发请求
				let url = this.ServicesApi.selectWhereList;
				let data = {

				};
				let result = await this.Services.post(url, data);
				if (result.code == this.StatusCode.SUCCESS_CODE) {
					// 渠道来源
					this.channel = result.data.channel_list
					// 人才级别
					this.level = result.data.level
					// 意向岗位
					this.post = result.data.position_type
					// 年龄范围
					this.age = result.data.age
					// 全职兼职
					this.full = result.data.job_wanted
				}
			},
			// 取token
			getToken() {
				try {
					const value = uni.getStorageSync('login_key');
					if (value) {
						this.token = value;
					}
				} catch (e) {
					// error
				}
			},

			// 导航栏方法
			tabSelect(e) {
				let currentIndex = e.currentTarget.dataset.id;
				this.scrollTop = 0;
				if (this.tabIndex != currentIndex) {
					this.tabIndex = currentIndex;
					this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
					this.tabnum = this.tabIndex;

					this.requestDataSources(this.tabIndex);
				}
			},
			// 数据请求
			async requestDataSources() {
				let index = this.tabIndex;
				let tabIndex = this.tabIndex;
				let url = this.navArray[tabIndex].api;
				// console.log('url---->', url);
				// 取token
				await this.getToken();
				// 发请求
				let data = {
					name: this.name,
					phone: this.phone,
					channel: this.channel_id, //简历来源id  尽量和api/personnel/selectWhereList对应
					level: this.level_id, //人才等级 尽量和api/personnel/selectWhereList对应
					work_status: this.work_status, //入职状态1在职-1未在职
					position_type_id: this.position_type_id, //任务生产线类型  尽量和api/personnel/selectWhereList对应
					age_attr: this.age_attr, //年龄 最小-最大
					job_wanted: this.job_wanted, //1全职2非全职
					// position_id:从招聘任务到招聘情况，将招聘任务岗位列表的id传到这
					// company_id:企业id
					// position_id:岗位id
					// station_id:驻企列表id
					position_id: this.position_id,
					page: this.dataSource[index].page,
					limit: this.limit,
				};
				let result = await this.Services.post(url, data);
				if (result.code == this.StatusCode.SUCCESS_CODE) {
					// console.log(currentDataSourcesTemp.data)
					let currentDataSourcesTemp = this.dataSource[tabIndex];
					let _dataSourceTemp = result.data.data;
					currentDataSourcesTemp.data.push(..._dataSourceTemp)
					// console.log("shuchuyixia",currentDataSourcesTemp.data)
					currentDataSourcesTemp.firstload = false;
					currentDataSourcesTemp.data = currentDataSourcesTemp.page > 1 ? currentDataSourcesTemp.data :
						_dataSourceTemp;
					if (_dataSourceTemp.length < 10) {
						currentDataSourcesTemp.loadtext = '没有更多数据了';
					} else {
						currentDataSourcesTemp.loadtext = '上拉加载更多';
					}
					this.dataSource[tabIndex] = currentDataSourcesTemp;
				} else {
					let currentDataSourcesTemp = this.dataSource[tabIndex];
					currentDataSourcesTemp.firstload = false;
					currentDataSourcesTemp.loadtext = '暂无数据';
					currentDataSourcesTemp.data = [];
					this.dataSource[tabIndex] = currentDataSourcesTemp;
				}
			},
			async _checkVersion() {
				//#ifdef APP-PLUS
				let __IOS__ = plus.os.name == 'iOS'
				let url = this.ServicesApi.check_version;
				plus.runtime.getProperty(plus.runtime.appid, async (widgetInfo) => {
					console.log('widgetInfo---->', widgetInfo);
					let data = {
						bundle_code: widgetInfo.versionCode,
						version_code: widgetInfo.version,
						platform: __IOS__ ? 2 : 1,
					};
					let result = await this.Services.post(url, data);
					if (result.code == this.StatusCode.SUCCESS_CODE) {
						this.assets_url = __IOS__ ? result.data.url_ios : result.data.url_android;
						if (result.data.new_version > 0) {
							this.showUpdateAlert = true;
							this.update_content = result.data.content;
							this.update_style = result.data.update_style;
						}
					}
				});
				//#endif  
			},

			// 关闭Modal
			hideModal(e) {
				this.modalName = null;
				this.showUpdateAlert = false;
			},
			confirmUpdate() {
				this.showUpdateAlert = false;
				//#ifdef APP-PLUS
				if (this.update_style > 1) {
					// 增量更新
					uni.showToast({
						icon: 'loading',
						title: '下载中...',
						duration: 99999999,
					});
					const downloadTask = uni.downloadFile({
					    url: this.assets_url,
					    success: (res) => {
							uni.hideToast();
							console.log('res---->', res);
					        if (res.statusCode === 200) {
					            uni.showToast({
					            	icon: 'success',
									title: '下载完成',
					            });
								plus.runtime.install(res.tempFilePath, {
									force: false
								}, function() {
									uni.showToast({
										icon: 'success',
										title: '更新完成',
									});
									plus.runtime.restart();
								}, function(e) {
									uni.showToast({
										icon: 'none',
										title: '安装失败',
									});
									console.error('install fail...');
								});
					        }
					    },
						fail: (error) => {
							uni.hideToast();
							uni.showToast({
								icon: 'none',
								title: '下载失败',
							});
							console.log('error---->', error);
						}
					});
					downloadTask.onProgressUpdate((res) => {
						this.downloadProgress = res;
					    // console.log('下载进度' + res.progress);
					    // console.log('已经下载的数据长度' + res.totalBytesWritten);
					    // console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
					});
				} else {
					plus.runtime.openURL(this.assets_url);
				}
				//#endif  
			},

			// 下拉刷新
			_onRefresh() {
				this.dataSource[this.tabIndex].page = 1;
				this.requestDataSources();
				this._checkVersion();
				// console.log('_onRefresh---->', '_onRefresh');
			},
			// 上拉加载
			_onLoadMore() {
				let index = this.tabIndex;
				// console.log('_onLoadMore---->', index);
				if (this.dataSource[index].loadtext != "上拉加载更多") {
					return;
				}
				// 修改状态
				this.dataSource[index].loadtext = "加载中...";
				this.dataSource[index].page++;
				this.requestDataSources();
			},

			onShowAddActions() {
				console.log('showAddActions---->', 'showAddActions');
				this.showAddActions = !this.showAddActions;
			},
			// onPressNavItem(item) {
			// 	this.showAddActions = false;
			// 	uni.navigateTo({
			// 		url: item.component,
			// 	});
			// },
			// 页面跳转
			onPressToNavigateAdd(url) {
				uni.navigateTo({
					url
				});
			},
			// 扫描
			onPressToScan() {
				uni.scanCode({
					onlyFromCamera: true,
					success: function(res) {
						// console.log('条码类型：' + res.scanType);
						// console.log('条码内容：' + res.result);
					}
				});
			},
		},
		mounted() {
			// 请求列表数据
			this.requestDataSources();
			this.reqSelectData();
			this._checkVersion();
		},
		onReachBottom() {
			// console.log('_onLoadMore---->', '_onLoadMore');
			this._onLoadMore();
		},
		onShow: function(e) {
			// #ifndef H5
			let pages = getCurrentPages();
			let currPage = pages[pages.length - 1];
			if (currPage.data && currPage.data.isDoRefresh == true) {
				currPage.data.isDoRefresh = false;
				// console.log('s刷新');
				this._onRefresh();
			} else {
				//不用刷新
			}
			// #endif
			// #ifdef H5
			this._onRefresh()
			// #endif
			uni.onTabBarMidButtonTap(() => {
				console.log('onTabBarMidButtonTap---->', 'onTabBarMidButtonTap');
				this.onShowAddActions();
			})
		},
	}
</script>
<style scoped lang="stylus">
	.search-box {
		.search-inp {
			align-items: center;
			margin-bottom: 30upx;

			.inp {
				height: upx;
				width: 582upx;
				background: #F3F3F3;
			}

			.search {
				font-size: 30upx;
				color: #4A90E2;
				margin-left: 28upx;
			}
		}

		.content-bigbox {
			padding: 42upx 40upx;

			.content1 {
				justify-content space-between;
				margin-bottom: 30upx;

				.text-box {
					height: 50upx;
					width: 130upx;
					background: #F3F3F3;
					font-size: 28upx;
					font-weight: 400;
					color: rgba(153, 153, 153, 1);
					justify-content: space-between;
					// padding:0 8upx 0 18upx;
					padding-left: 18upx;
					align-content center;
					align-items: center;
				}

				.te1 {
					width: 282upx;

				}

				.te2 {
					width: 282upx;
					margin-right: 90upx;
				}

				.overflow {
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					width: 310upx;
				}

				.te3 {
					width: 172upx;

				}

				.te4 {
					width: 210upx;
				}

				.te5 {
					width: 210upx;
					margin-right: 230upx;
				}
			}

			.btm-btn {
				height: 80upx;
				width: 670upx;
				margin: 50upx auto 0;
				background: linear-gradient(90deg, rgba(74, 144, 226, 1) 0%, rgba(0, 102, 220, 1) 100%);
				border-radius: 2upx;
				text-align center;
				line-height 80upx;
				font-size: 32upx;
				font-weight: 400;
				color: rgba(255, 255, 255, 1);
			}
		}

		.dialog-modal {
			position: absolute;
			z-index: 10000;
		}

		.dialog-wrapper {
			position: fixed;
			height: 100%;
			width: 100%;
			z-index: 5;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
		}

		.dialog-wrapper {
			background-color: #000;
			opacity: 0.2;
		}

		.dialog-container {
			position: fixed;
			z-index: 80;
			top: 0;
			left: 0;
			width: 100%;
			min-height: 344upx;
			background-color: #fff;

		}

		span.close-btn {
			padding: 5px 10px;
			float: right;
			cursor: pointer;
			font-size: 16px;
			font-weight: bold;
		}
	}



	/* .no-data{
		height:200upx;
		margin:100upx auto;
		text-align:center;
		font-size:30upx;
	} */
	.load-more {
		text-align: center;
		color: #aaaaaa;
		padding-bottom: 15upx;
	}

	.talent-list-wrap {
		height: 100vh;
		-webkit-overflow-scrolling: touch;
	}

	/* .tabnum{
		margin-top:40upx;
		font-size:30upx;
	} */
	/* .tabtext{
		margin-top:40upx;
		font-size:28upx;
	} */
	.nav {
		padding: 0 20upx;
	}

	.tab-header-wrap {
		height: 92rpx;
		/* #ifndef H5 */
			top: 0;
		/* #endif */
		left: 0;
		z-index: 21;
		position: fixed;
		border-bottom: 1px solid #eee;
	}

	.tabbox {
		border-bottom: 1upx solid #DBDBDB;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
	}

	/* .cu-item{
		height:120upx;
		line-height:0upx;
	} */
	.content {
		flex: 1;
		padding-top: 94rpx;
		background-color: #F3F3F3;
		/* margin-top:120upx; */
	}

	.btn-item {
		margin-left: 10px;
	}

	.navItemBadge {
		font-size: 12px;
		color: #FFFFFF;
		margin-top: 15upx;
		margin-left: -5px;
		height: 20upx;
		line-height: 20upx;
		padding: 5upx;
		position: absolute;
		background: #F00;
	}

	.action-content {
		padding-top: 0;
		background-color: #FFFFFF;
	}

	.action-content .action-title {
		color: #666666;
		font-size: 30upx;
	}

	.action-content .action-content-detail {
		margin: 60upx 0;
	}

	.action-content .action-con-item {}

	.action-content .action-con-item .action-item-icon {
		width: 80upx;
		height: 80upx;
		margin-bottom: 20upx;
	}
	
	// 放弃入职模态框样式
	.top-title {
		font-size: 28upx;
		font-weight: 400;
		margin-left: 30rpx;
		color: rgba(255, 255, 255, 1);
	}
	
	.set-width {
		width: 540upx;
	}
	
	.set-padding {
		padding: 30upx 28upx 30upx 30upx;
	}
	
	.changebgc {
		background: #4A90E2;
		height: 70upx !important;
	}
	
	.flex-mine {
		display: flex;
		min-height: 200rpx;
		align-items: flex-start;
		justify-content: flex-start;
	}
	
	.title-h2 {
		font-size: 30upx;
		color: #666;
	}
	
	.detail-h2 {
		color: #555;
		text-align: left;
		font-size: 30upx;
		font-weight: 400;
	}
	
	.inp-model {
		height: 60upx;
		width: 318upx;
		background: #F3F3F3;
		line-height: 60upx;
		justify-content: space-between;
		padding: 0 26upx;
		font-size: 30upx;
		color: #333;
	}
	
	.set-bottom {
		height: 92upx;
		line-height: 92upx;
	}
	
	.set-btn1 {
		height: 92upx;
		line-height: 92upx;
		background: #fff;
		border-right: 1px solid #D8D8D8;
		border-top: 1px solid #D8D8D8;
		width: 270upx;
		font-size: 30upx;
		text-align: center;
		color: #333;
	}
	
	.set-btn2 {
		height: 92upx;
		line-height: 92upx;
		background: #fff;
		width: 268upx;
		border-top: 1px solid #D8D8D8;
		font-size: 30upx;
		text-align: center;
		color: #4A90E2;
	}
	
	// 
	.source {
		margin: 20rpx 0;
	
		.source-title {
			font-size: 28upx;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}
	
		.source-detail {
			font-size: 28upx;
			font-weight: 400;
			margin-left: 24upx;
			color: rgba(51, 51, 51, 1);
		}
	}
	
	.talent-list-item {
		padding: 20rpx 0;
		margin-bottom: 20rpx;
		background-color: #FFFFFF;
	
	}
	
	.talent-name {
		font-size: 36upx;
		color: #333333;
		margin-right: 20upx;
	}
	
	.set-height {
		padding: 38rpx;
		min-height: 180rpx;
	}
	
	.talent-profile-info {
		margin: 10upx 0 20upx;
	}
	
	.detail-item {
		color: #666666;
		font-size: 28upx;
		margin-right: 20upx;
	}
	
	.detail-item-cur {
		color: #333333;
	}
	
	.detail-right-con {
		width: 40upx;
		height: 40upx;
		margin-left: 10upx;
	}
	
	.horizontal-line {
		margin: 10rpx 0 20rpx;
	}
	
	.bottom-left-con {
		color: #666666;
		font-size: 26rpx;
	}
	
	.btn-wrap {
		margin-left: 20rpx;
	}
	
	.btn-item {
		border: none;
		margin-left: 20rpx;
	}
	
	.btn-item .btn-icon {
		width: 30rpx;
		height: 30rpx;
		margin-right 10rpx;
	}
	
	.btn-item .btn-title {
		margin-top: 0;
	}
	
	.recommend-btn-item .btn-icon {
		// margin-top: 0;
		// margin-right: 10upx;
	}
	
	.vertical-line {
		height: 40rpx;
	}
	
	.set-bottom {
		height: 92upx;
		line-height: 92upx;
	}
	
	.set-width {
		width: 540upx;
	}
	
	.set-btn1 {
		height: 92upx;
		line-height: 92upx;
		background: #fff;
		border-right: 1px solid #D8D8D8;
		border-top: 1px solid #D8D8D8;
		width: 270upx;
		font-size: 30upx;
		text-align: center;
		color: #333;
	}
	
	.set-btn2 {
		height: 92upx;
		line-height: 92upx;
		background: #fff;
		width: 268upx;
		border-top: 1px solid #D8D8D8;
		font-size: 30upx;
		text-align: center;
		color: #4A90E2;
	}
	
	.text-area-view {
		flex: 1;
		padding: 18rpx;
		background: #F3F3F3;
	}
	
	.set-textarea {
		margin: 0;
		padding: 10rpx;
		height: 160upx;
		text-align: left;
	}
	
	.btn-title {
		margin-top: 10upx;
	}
	
	.one-title {
		margin-left: 6upx;
	}
	
	.bottom-content {
		.btn-wrap {
			min-width: 460rpx;
		}
	}
</style>
